// example-modal.js - 例句弹窗组件
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 是否显示弹窗
    showModal: {
      type: Boolean,
      value: false
    },
    // 例句列表数据
    examples: {
      type: Array,
      value: []
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 内部显示状态
    _showModal: false
  },

  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 关闭弹窗
     */
    closeModal() {
      this.setData({
        _showModal: false
      });
      // 触发关闭事件
      this.triggerEvent('close');
    },

    /**
     * 显示弹窗
     */
    showModal() {
      this.setData({
        _showModal: true
      });
    }
  },

  /**
   * 监听器
   */
  observers: {
    'showModal': function(newVal) {
      this.setData({
        _showModal: newVal
      });
    }
  }
});